<template>
  <div class="buyingIfor">
    <template>
      <el-card shadow="hover">
        <div>
          <div class="total">
            <span>共</span>
            <span>{{loadData.length}}</span>
            <span>种商品</span>
          </div>
          <avue-crud
            ref="index"
            style="width:100%"
            :data="loadData"
            :option="tableOption"
            :table-loading="loading"
          ></avue-crud>
        </div>
      </el-card>
    </template>
  </div>
</template>

<script src='./buyingIfor.js'></script>

<style lang="scss">
.buyingIfor {
  .title {
    padding: 0 0 20px 0;
    font-weight: 500;
    font-size: 24px;
  }
  .total {
    margin: 20px 0;
    span:nth-child(even) {
      font-weight: 600;
      font-size: 18px;
    }
    span:nth-child(odd) {
      font-size: 14px;
    }
  }
}
</style>